import {FC,Fragment,useState} from 'react'
import UseStateCom from './components/useState'
import UseEffect from './components/useEffect/基本使用'
import Effect2th from './components/useEffect/第二个参数'
import UseHook from './components/自定义hook/index'
import UseRef from './components/useRef'
import Forword from './components/forwardRef'
import Imperative from './components/子组件暴露给父组件'
import UseMomeCom from './components/useMemo&useCallback'
import UseContextCom from './components/useContext'
import Container from './components/Todolist'
import Container2th from './components/Todolist2th'

const APP:FC<any> = () => {
  let [flag,setFlag] = useState<boolean>(true)
  return(
    <Fragment>
      <Container2th/>
      &nbsp;
      <Container/>
      &nbsp;
      {/* <UseContextCom/>
      &nbsp;
      <UseMomeCom/>
      &nbsp;
      <Imperative/>
      &nbsp;
      <Forword/>
      &nbsp;
      <UseRef/>
      &nbsp;
      <UseHook/>
      &nbsp;
      <Effect2th/>
      &nbsp;
      <UseStateCom/>
      &nbsp;
      {flag ? <UseEffect/> : null}
      <button onClick={()=>{
        setFlag(!flag)
      }}>点击加载/卸载组件</button> */}
    </Fragment>
  )
}
export default APP